﻿<html>
	<head>
		<title>张爱军|个人博客</title>
		<link rel="shortcut icon" href="images/ico.jpg"/>
		<link href="css/style.css?v=2" rel="stylesheet" type="text/css" media="all">
		<link rel="stylesheet" href="css/animate.min.css">
		<style>
			#page-bar{
				color:#ff9655;
				text-align:center;
				font-size:0px;
			}
			#page-bar a{
				border:1px solid #ff9600;
				padding:5px 7px;
				color:#ff9655;
				text-decoration:none;
				font-size:15px;
				margin-right:10px;
			}
			#page-bar a:hover{
				border:1px solid #ff9600;
				padding:5px 7px;
				background-color:#ffbe94;
			}
			.page-prev,.page-next{
				border:1px solid #ff9600;
				color:#ff9600;
				padding:5px 7px;
				font-size:15px;
				margin-right:10px;
			}	
			.page-prev:hover,.page-next:hover{
				background-color:#ffbe94;
			}
			.page-prev i{
				margin-right:5px;
			}
			.page-next i{
				margin-left:5px;
			}
			.page-current{
				border:1px solid #ff9600;
				padding:5px 7px;
				background-color:#ffbe94;
				font-size:15px;
				margin-right:10px;
			}
			#page-ellipsis{
				font-size:15px;
				margin-right:10px;
			}
		</style>
		<script src="js/wow.min.js"></script>
		
		<script>
		if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
			new WOW().init();
		};
		</script>
		
	</head>
	<body>
		<header>
			<div class="logo">
				<img src="images/head_1.png" class="xwcms" onmouseover="this.src='images/head_1.jpg'" onmouseout="this.src='images/head_1.png'"/>
				<div class="logo-text">张爱军<span style="color:#FF6347;font-size:1.4em;">'S</span> 博客</div>
			</div>
			<div class="right-block">
				<div class="wow pulse bg-yellow" data-wow-delay="0.1s">一个人静静坐在电脑面前写代码的感觉，</div>
				<div class="wow rollIn bg-red" data-wow-iteration="1" data-wow-duration="0.5s">那是什么感觉？</div>
				<div class="wow bounceInRight bg-blue">那是武林高手闭关修炼的感觉。</div>
				<div class="wow bounceInRight bg-blue">--- 菜鸟程序员 --- </div>
				<div></div>
				
			</div>
		</header>
		<div class="clear"></div>
		<nav id="nav" class="nav-wrap">
			<ul class="clearfix">
				<li class="menuactive"><a href="https://zaj553.gitee.io/blog/">首页</a></li>
				<li><a href="/blog/gy/index.html">关于</a></li>
				<li><a href="">个人日记</a></li>
				<li id="navEnd"><a href="">留言版</a></li>  
			</ul>                 
		</nav>
		<section class="banner">
			<div class="youtiy_slider">
			  <div class="bd">
				<ul>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/1.jpg" /></a></li>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/2.jpg" /></a></li>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/3.jpg" /></a></li>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/4.jpg" /></a></li>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/5.jpg" /></a></li> 
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/6.jpg" /></a></li>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/7.jpg" /></a></li>
				  <li><a target="_blank" href="https://zaj553.gitee.io/blog"><img src="plugin/SuperSlide/images/8.jpg" /></a></li>
				</ul>
			  </div>
			  <div class="hd">
				<ul></ul>
			  </div>
			  <div class="pnBtn prev"><span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"></a></div>
			  <div class="pnBtn next"><span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"></a></div>
			</div>
		</section>
		<!--
        	作者：zaj553@126.com
        	时间：2020-05-02
        	描述： 博客列表内容
        -->
		<section class="container-content">
			<div class="article-list" style="display: block;">
				<!-- HIS系统管理架构设计以及搭建  -->
				<div class="item">
					<div class="art-img"><img src="images/20180520183306_16377.jpg" /></div>
					<div class="title">
						<a href="1-6.html">HIS系统管理架构设计以及搭建</a>
					</div>
					<div class="base-info">
						<ul>
							<li><img src="images/head.png" class="xwcms2"/></li>
							<li><a href="https://zaj553.gitee.io/blog">张爱军</a></li>
							<li>发布时间： 2020-05-02 23:17:00</li>
						</ul>
					</div>
				</div>
				<!-- MongoTemplate基础增删改查  -->
				<div class="item">
					<div class="art-img"><img src="images/s1.jpg" /></div>
					<div class="title">
						<a href="1-5.html">MongoTemplate基础增删改查</a>
					</div>
					<div class="base-info">
						<ul>
							<li><img src="images/head.png" class="xwcms2"/></li>
							<li><a href="https://zaj553.gitee.io/blog">张爱军</a></li>
							<li>发布时间： 2019-10-04 23:17:00</li>
						</ul>
					</div>
				</div>
				<!-- java8 日期新特性  -->
				<div class="item">
					<div class="art-img"><img src="images/s2.jpg" /></div>
					<div class="title">
						<a href="1-4.html">java8 日期新特性 </a>
					</div>
					<div class="base-info">
						<ul>
							<li><img src="images/head.png" class="xwcms2"/></li>
							<li><a href="https://zaj553.gitee.io/blog">张爱军</a></li>
							<li>发布时间： 2019-10-04 23:17:00</li>
						</ul>
					</div>
				</div>
				<!-- MySQL性能优化-索引篇(一) -->
				<div class="item">
					<div class="art-img"><img src="images/s.jpg" /></div>
					<div class="title">
						<a href="1-3.html">MySQL性能优化-索引篇(一) </a>
					</div>
					<div class="base-info">
						<ul>
							<li><img src="images/head.png" class="xwcms2"/></li>
							<li><a href="https://zaj553.gitee.io/blog">张爱军</a></li>
							<li>发布时间： 2019-10-04 23:17:00</li>
						</ul>
					</div>
				</div>
				<!-- MyBatis-Plus乐观锁 -->
				<div class="item">
					<div class="art-img"><img src="images/s.jpg" /></div>
					<div class="title">
						<a href="1-2.html">MyBatis-Plus乐观锁 </a>
					</div>
					<div class="base-info">
						<ul>
							<li><img src="images/head.png" class="xwcms2"/></li>
							<li><a href="https://zaj553.gitee.io/blog">张爱军</a></li>
							<li>发布时间： 2020-05-03 10:50:00</li>
						</ul>
					</div>
				</div>
				
				<!-- Linux 常用命令大全 -->
				<div class="item">
					<div class="art-img"><img src="images/s.jpg" /></div>
					<div class="title">
						<a href="1-1.html">Linux 常用命令大全 </a>
					</div>
					<div class="base-info">
						<ul>
							<li><img src="images/head.png" class="xwcms2"/></li>
							<li><a href="https://zaj553.gitee.io/blog">张爱军</a></li>
							<li>发布时间： 2020-05-13 18:50:00</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="article-list">2</div>
			<div class="article-list">3</div>
			<div class="article-list">4</div>
			<div class="article-list">5</div>
			<div class="article-list">6</div>
			<div class="article-list">7</div>
			<div class="article-list">8</div>
			<div class="article-list">9</div>
			<div class="article-list">10</div>
			<div class="article-list">11</div>
			<div class="article-list">12</div>
			<div class="article-list">13</div>
			<div class="article-list">14</div>
			<div class="article-list">15</div>
			<div class="article-list">16</div>
			<div class="article-list">17</div>
			<div class="article-list">18</div>
			<div class="article-list">19</div>
			<div class="article-list">20</div>
			<div class="right-fun">
				<div class="model">
					<div class="title">近期访问量:<span><font id='codeNum' color="firebrick"> ii</font></span></div>
				</div>
				<div class="model">
					<div class="title">站内搜索</div>
					<div class="content">
						    <div class="bar7">
								<form>
									<input type="text" placeholder="请输入关键词" id="crid">
									<button type="submit" onclick="Search()"></button>
								</form>
							</div>
					</div>
				</div>
				<div class="model">
					<div class="title">FEATURED TAGS</div>
					<div class="menu">
						 <span><a href="">JAVA</a>
						 </span> <span><a href="">SQL</a>	
						 </span> <span><a href="">面试题</a>	
						 </span> <span><a href="/blog/gy/index.html">关于</a>	
						 </span>
					</div>
				</div>
				<div class="model recommend">
					<div class="title">热门推荐</div>
					<div class="content">
						<p><a href="1-6.html">HIS系统管理架构设计以及搭建</a></p>
						<p><a href="1-5.html">MongoTemplate基础增删改查</a></p>
						<p><a href="1-4.html">java8 日期新特性</a></p>
						<p><a href="1-3.html">MySQL性能优化-索引篇(一)</a></p>
						<p><a href="1-2.html">MyBatis-Plus乐观锁</a></p>
						<p><a href="1-1.html">Linux 常用命令大全</a></p>
					</div>
				</div>
			</div>
		</section>

	<!--
		作者：zaj553@126.com
		时间：2020-05-02
		描述： 内容结束
	-->
	
	
    <section class="banner" >  
	 <!--
	        	作者：zaj553@126.com
	        	时间：2020-05-02
	        	描述： 分页插件
	        -->
			<div id="page-bar" style="margin:0px auto;width:100%;margin-top:40px;display:block;overflow:hidden;text-align:center;">
				<span class="page-prev">上一页</span>
				<a class="page-nomal page-current">1</a>
				<a class="page-nomal" herf="#">2</a>
				<a class="page-nomal" herf="#">3</a>
				<a class="page-nomal" herf="#">4</a>
				<a class="page-nomal" herf="#">5</a>
				<a class="page-nomal" herf="#">6</a>
				<a class="page-nomal" herf="#">7</a>
				<a class="page-nomal" herf="#">8</a>
				<a class="page-nomal" herf="#">9</a>
				<a class="page-nomal" herf="#">10</a>
				<a class="page-nomal" herf="#">11</a>
				<a class="page-nomal" herf="#">12</a>
				<a class="page-nomal" herf="#">13</a>
				<a class="page-nomal" herf="#">14</a>
				<a class="page-nomal" herf="#">15</a>
				<a class="page-nomal" herf="#">16</a>
				<a class="page-nomal" herf="#">17</a>
				<a class="page-nomal" herf="#">18</a>
				<a class="page-nomal" herf="#">19</a>
				<a class="page-nomal" herf="#">20</a>
				<span class="page-next">下一页</span>
				
		   </div>
	    
	
	</section>
        
		<div class="clear"></div>	
		<!--
        	作者：zaj553@126.com
        	时间：2020-05-02
        	描述： 底部
        -->
		<footer class="footer">
			<div class="footer_content">
				<h2>张爱军<span style="color:#FF6347;">'S</span> 博客</h2>
				<p>由<a href="" target="_blank" style="color:white;text-decoration:underline;">张爱军博客</a>提供技术支持</p>
				<p>© 2015－2019 youtiy.com, all rights reserved</p>
			</div>
		</footer>
		<script src="plugin/SuperSlide/js/jquery.min.js"></script>
		<script src="plugin/SuperSlide/js/superslide.2.1.js"></script>
		<script src="js/blog.js"></script>
		<script type="text/javascript">
		jQuery(".youtiy_slider .bd li").first().before( jQuery(".youtiy_slider .bd li").last() );
		jQuery(".youtiy_slider").hover(function(){
			 jQuery(this).find(".arrow").stop(true,true).fadeIn(300) 
			 },function(){ 
				jQuery(this).find(".arrow").fadeOut(300) });				
			 jQuery(".youtiy_slider").slide(
				{ titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop",autoPlay:true, vis:3,autoPage:true, trigger:"mouseover"}
			);
	    // 全文检索
		function Search(){
			var cridName = $("#crid").val();
			console.info(cridName);
			document.body.innerHTML = document.body.innerHTML.replace(cridName,"<span style='color: red;'>$&</span>");
		}
			
		$(document).ready(function(e) {	
			var offset = 890;
			$(window).on('scroll', function(){
				if($(this).scrollTop() > offset ) {
					$('.recommend').css('position','fixed');
					$('.recommend').css('top','0px');
				} 
				else {
					$('.recommend').css('position','');
				}
			});
			$('.page-nomal').on('click',function(){
				var index=$('.page-nomal').index($(this));
				$(this).addClass('page-current').siblings('.page-nomal').removeClass('page-current');
				$('.article-list').eq(index).show().siblings('.article-list').hide();				
			});
			$('.page-prev').on('click',function(){
				var curindex=$('.page-nomal').index($('.page-current'))-1; 
				if(curindex>=0){
					$('.page-nomal').eq(curindex).addClass('page-current').siblings('.page-nomal').removeClass('page-current');
				   $('.article-list').eq(curindex).show().siblings('.article-list').hide();				
				}
			});
			$('.page-next').on('click',function(){
				var curindex=$('.page-nomal').index($('.page-current'))+1; 
				if(curindex<$('.page-nomal').length){
					$('.page-nomal').eq(curindex).addClass('page-current').siblings('.page-nomal').removeClass('page-current');
				   $('.article-list').eq(curindex).show().siblings('.article-list').hide();				
				}
			});
			
		});
		</script>
	</body>
</html>